.rank-container
  display flex
  flex-direction column
  width 470px
  height 500px
  padding 30px
  border 1px solid #e8e8e8
  border-radius 4px

  & + &
    margin-left 30px

.rank-list
  list-style none
  padding 0
  flex 1
  position relative
  margin-top 20px
  overflow-y auto

.rank-title
  text-align center

.rank-item
  position relative
  display flex
  align-items center

  &__badge
    display block
    line-height 22px
    text-align center
    width 22px
    height 22px
    border-radius 50%
    color #555657
    cursor default
    background-color #f0f2f5

    &--active
      color #fff
      background-color #314659

  &__content
    display flex
    flex 1
    margin-left 10px
    align-items center
    justify-content space-between

  // &__label
  &__value
    margin-left 10px

  &:not(:first-child)
    margin-top 20px
